*{margin: 0;padding: 0;}
html,body{height:100%;width:100%;background:#ea5511 url(../imgs/game/bg.png);}
.container{max-width: 320px;margin: 0 auto;padding: 30px 0;font-size: 20px;}
ul,li{list-style: none}
#showLogs{
  width: 100%;height:auto;overflow:hidden;margin-bottom: 20px;
}
#showLogs .con{
  position:relative;height:5rem;margin-left: 0;width: 100%;overflow:hidden;margin-top: 20px;
}
#showLogs ul{height:auto;text-align: center;position:absolute;top:0;width: 100%;}
#rollIn{
display:inline;line-height: 2rem;cursor:pointer;text-decoration: underline;color:yellow;
}
#lottery{width:305px;max-height:280px;margin:20px auto;background:url(../imgs/game/bg2.png) 0 -1px no-repeat;margin-left: 10px;}
#lottery.active{
	background-image:url(../imgs/game/lotteryBoxBg.gif);
}
#lottery table{width: 300px;height:254px;padding: 14px 15px;}
#lottery table td{vertical-align:middle;width: 83px;height: 83px;border:2px transparent solid;
}

#my-alert{top:40% !important;}
#myconfirm1,#myconfirm2{top:44% !important;}
.top-txt{color:white;font-size: 0.9rem;padding-left: 2rem;line-height: 1rem;}
#lottery table td.active{border-color:#fee300 !important;border-radius: 10%;-webkit-filter:saturate(3);filter:saturate(3)}
#lottery table td img{width:75px;height: 75px;position: relative;top: 4px;left: 4px;}
#lottery table td span{width: 100%;text-align: center;position: absolute;left:0;bottom: 0;color:green;}
#lottery table td a{width:100%;height:100%;line-height:150px;display:block;text-decoration:none;}
.detail{position: relative;}
.detail .line{
      background-color:#fbb313;width: 80%;left: 10%;position: relative;
      height: 1px;border-radius: 20% 60% 10% 8%;top: 15px;z-index: 2;
}
.detail .tit{
      width: 8em;text-align: center;border-radius: 20px;color:#fe0000;
      line-height: 30px;z-index: 9;position: relative;
      font-weight: bold;font-size: 1.1rem;background-color: #f8bb9e;margin: 0 auto;
}
.detail .con{
      margin-top: 30px;font-size: 1rem;
      color:white;line-height: 150%;width: 80%;margin-left: 10%;
}
.grayscale{
  -webkit-filter:saturate(0.5);
  filter:saturate(0.5);
}
.grayscale2{
  -webkit-filter:saturate(1.5);
  filter:saturate(1.5);
}
#showMore{text-align: center;line-height: 3rem!important;width:100%;}

.mheight{height: 40%;}
/*.mheight .am-modal-dialog{border-radius: 5px;}*/
#my-alert2 .am-modal-hd{height:2.8rem;border-bottom:1px solid #dedede;padding-top: 10px;}
#my-alert2 .am-modal-hd td{border: none;}
.am-modal .am-modal-btn{font-size: 1rem !important;}
.am-modal .am-modal-bd{line-height: 1.2rem;font-size: 1.1rem !important;}

.am-modal .am-modal-dialog{border-radius: 5px;}
.am-modal .am-modal-bd{padding: 0 10px 10px;}
.am-modal .table tr:first-child td{border-top:none;}
.am-modal {
  width: 80%;
  position: fixed;
  /*display: none;*/
  z-index: 1110;
  /*max-height: 500px;*/
  text-align: center;
  border-radius: 0;
  opacity: 0;
  transition: all .5s;
  left: -90%;
  top: 20%;
  /*-webkit-transform: scale(1.185);
      -ms-transform: scale(1.185);
          transform: scale(1.185);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;*/
}

.am-modal:focus {
  outline: 0;
}
.am-modal.am-modal-active {
	display: block;
  opacity: 1;
  left:10%;
  /*-webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);*/
}
.am-modal-dialog {
  background: #f8f8f8;
}
.am-modal-hd{height: 20px;}
.am-modal-bd {
  padding: 0 10px;
  height: 100%;
  text-align: center;
  overflow-y:scroll;
  position: relative;
  border-bottom: 1px solid #dedede;
}
.table{width: 80%;text-align: center;margin-left: 5%;border-collapse: separate;}
.table td,.table th{
  /*width: 50%;*/
padding: .4rem;
line-height: 1.6;
vertical-align: top;
}
.table td{border-top: 1px dotted #eee;}
.table tr{width: 100%;border:none;}
.am-modal-footer {
  height: 44px;
  overflow: hidden;
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.am-modal-btn {
  display: table-cell !important;
  padding: 0 5px;
  height: 44px;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  font-size: 1.6rem;
  line-height: 44px;
  text-align: center;
  color: #333;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-right: 1px solid #dedede;
}


/*垂直居中*/
/*.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; margin-left:-1px;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; background-color: #ffffff; z-index: 2147000001; width: 60%; height: auto;max-height: 600px; margin-left: -30%; margin-top: -20%; border-radius: 5px; font-weight: bold; color: #535e66;text-align: center;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(../img/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 10px 20px; height: 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(../img/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ height: 84px; margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .txtBox p input{width: 364px; height: 30px; border: solid 1px #eef0f1; font-size: 18px; margin-top: 6px;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}*/